<template>
  <Layout />
</template>
<script setup>
import Layout from "./components/Layout.vue";
</script>

<style lang="scss" scoped>
$color-W: #fff; // 白色
$color-pagerHover: #105b9c; // 分页某页
$color-pagerActive: #0c4270; // 分页选中某页
$color-buttonHover: #0c4270; // 按钮鼠标移入
::v-deep .el-select-dropdown__item.is-selected {
  background-color: rgb(0, 55, 100) !important;
  color: red !important;
}

::v-deep .el-button--primary {
  background-color: $color-buttonHover !important;
  border: $color-buttonHover;
}

/* 分页选中第几页 选中效果 */
::v-deep .el-pager li.is-active {
  color: $color-buttonHover !important;
}

::v-deep .el-scrollbar__view .is-selected {
  color: $color-buttonHover !important;
}

/* 按钮鼠标移入效果 */
::v-deep .el-button:hover {
  background-color: $color-buttonHover;
  border-color: $color-buttonHover;
  color: $color-W;
}

/* 分页第几页鼠标移入效果 */
::v-deep .el-pager li:hover {
  color: $color-pagerHover !important;
}

/* 分页左右按钮鼠标移入效果 */
::v-deep .el-pagination button:hover {
  color: $color-pagerHover !important;
}

::v-deep .el-menu-item.is-active {
  color: #ffffff !important;
  background-color: #062642;
}

::v-deep .el-menu--horizontal .el-menu .el-menu-item.is-active {
  color: $color-pagerHover !important;
  font-weight: bold;
}

::v-deep .el-menu-item {
  font-size: 18px !important;
}

::v-deep .el-sub-menu__title {
  font-size: 18px !important;
}

::v-deep
  .el-menu--horizontal
  .el-menu
  .el-sub-menu.is-active
  > .el-sub-menu__title {
  color: red !important;
}

::v-deep .el-table__header th.ascending .sort-caret.ascending {
  border-bottom-color: #ffffff !important;
}
::v-deep .el-table__header th.descending .sort-caret.descending {
  border-top-color: #ffffff !important;
}

.sort-caret.ascending {
}
</style>
